<template>
  <div class="card-list-item">
    <div class="card-list-item-header flex">
      <div class="flex1 group-box">
        <el-checkbox v-model="checked" class="mr10" @change="handleCheckedChange"></el-checkbox>
        <slot name="title"></slot>
      </div>
      <slot name="header-right"></slot>
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'cardListItem',
  data() {
    return {
      checked: false
    }
  },
  methods: {
    handleCheckedChange(val) {
      this.$emit('check',val)
    }
  }
}
</script>

<style scoped>

</style>
